<!-- 首页 -->
<template>
	<view class="container">
		<view class="c-module">
			<TestSignUpInfo v-if="gameInfo" :info="gameInfo"></TestSignUpInfo>
		</view>
	</view>
</template>

<script>
	import TestSignUpInfo from "@/pages/components/TestSignUpInfo.vue"
	export default {
		name: "",
		components: {
			TestSignUpInfo
		},
		data() {
			return {
				// 报名详情
				gameInfo: null
			}
		},
		onLoad(query) {
			this.getGameSignUpInfo(query.id)
		},
		methods: {
			// 获取详细报名信息
			getGameSignUpInfo(id) {
				this.$http.getTestSignUpInfo({
					id
				}).then(res => {
					let {
						student_document_img: document_img,
						student_name: name,
						student_sex: sex,
						student_nation: nation,
						student_national: national,
						match_type_name: type_name,
						all_group_name,
						act_song,
						act_duration,
						student_organ_name: organ_name,
						student_train_teacher_name: train_teacher_name,
						student_train_teacher_mobile: train_teacher_mobile,
						student_document_type: document_type,
						student_document_nums: document_nums,
						student_contact_name: contact_name,
						student_contact_mobile: contact_mobile,
						scene_code,
						student_contact_address:contact_address,
						amount,
						exam_grade_cate_name,
						exam_grade_title
					} = res
					this.gameInfo = {
						document_img,
						name,
						sex,
						nation,
						national,
						type_name,
						all_group_name,
						act_song,
						act_duration,
						organ_name,
						train_teacher_name,
						train_teacher_mobile,
						document_type,
						document_nums,
						contact_name,
						contact_mobile,
						scene_code,
						amount,
						exam_grade_cate_name,
						exam_grade_title
					}
					console.log(res);
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.container {
		.c-module{
			background-color: #fff;
			border-radius: 8rpx;
			box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
		}
	}
</style>
